<%@ taglib prefix="s" uri="/struts-tags"%>
<!-- slider holder -->
<div id="main">
	<div class="wrapper">
		<div id="slider-holder" class="clearfix">
			<!-- slider -->
			<div class="flexslider home-slider">
				<ul class="slides">
					<li><img src="img/slides/01.jpg" alt="alt text" />
						<p class="flex-caption">Gambar Slide Cargloss 1</p></li>
					<li><img src="img/slides/02.jpg" alt="alt text" />
						<p class="flex-caption">Gambar Slide Cargloss 2</p></li>
					<li><img src="img/slides/03.jpg" alt="alt text" />
						<p class="flex-caption">Gambar Slide Cargloss 3</p></li>
				</ul>
			</div>
			<!-- ENDS slider -->

			<div class="home-slider-clearfix "></div>
			<div id="headline">
				<h1>Bazzar Helm Cargloss</h1>
				<p class="headlinedate">22 Juli 2013</p>
				<p style="margin-top: -15px;">
					<strong style="font-weight: bold;">Jakarta </strong>- Bazzar Helm
					Cargloss Bazzar Helm Cargloss, Bazzar Helm Cargloss, Bazzar Helm. <a
						href="detail.html">more..</a><br />
				</p>
				<p class="linenews">
					<a href="news.html">NEWS</a>
				</p>
				<ul>
					<li>&bull; <a href="#">Headline Satu</a>
					<li>&bull; <a href="#">Headline Dua</a>
					<li>&bull; <a href="#">Headline Tiga</a>
				</ul>
				<!--<em id="corner"></em>-->

			</div>

			<!-- ENDS headline -->
			<div class="home-slider-clearfix "></div>
		</div>
	</div>
</div>
<!-- ENDS slider holder -->

<div id="main">
	<div class="wrapper">

		<!-- slider holder -->
		<div id="slider-holder" class="clearfix">
			<!-- slider -->
			<div class="flexslider home-slider">
				<ul class="slides">
					<li><img src="img/slides/01.jpg" alt="alt text" />
						<p class="flex-caption">Gambar Slide Cargloss 1</p></li>
					<li><img src="img/slides/02.jpg" alt="alt text" />
						<p class="flex-caption">Gambar Slide Cargloss 2</p></li>
					<li><img src="img/slides/03.jpg" alt="alt text" />
						<p class="flex-caption">Gambar Slide Cargloss 3</p></li>
				</ul>
			</div>
			<!-- ENDS slider -->

			<div class="home-slider-clearfix "></div>



			<div id="headline">
				<h1>Bazzar Helm Cargloss</h1>
				<p class="headlinedate">22 Juli 2013</p>
				<p style="margin-top: -15px;">
					<strong style="font-weight: bold;">Jakarta </strong>- Bazzar Helm
					Cargloss Bazzar Helm Cargloss, Bazzar Helm Cargloss, Bazzar Helm. <a
						href="detail.html">more..</a><br />
				</p>
				<p class="linenews">
					<a href="news.html">NEWS</a>
				</p>
				<ul>
					<li>&bull; <a href="#">Headline Satu</a>
					<li>&bull; <a href="#">Headline Dua</a>
					<li>&bull; <a href="#">Headline Tiga</a>
				</ul>
				<!--<em id="corner"></em>-->

			</div>

			<!-- ENDS headline -->






			<div class="home-slider-clearfix "></div>


		</div>
		<!-- ENDS slider holder -->


		<!-- home-block -->
		<div class="home-block">
			<h2 class="home-block-heading">
				<span>OUR BUSINESS</span>
			</h2>

			<div id="accordion-1">
				<dl>
					<dt>Paint</dt>
					<dd>
						<h2>Cargloss Paint</h2>
						<p>
							<img src="img/our_paint.jpg" alt="Alt text to go here" />PT.
							MURNI CAHAYA PRATAMA (MCP) under its trade name Cargloss Paint,
							is a manufacturer and marketer of paints that protect, maintain
							and enhance the visual appearance of many automotive products in
							the Indonesian market. Besides shape, the exterior finish is the
							first thing a consumer sees when looking at a vehicle.<br /> <a
								href="paint.html" class="more">Read more</a>
						</p>
					</dd>
					<dt>Coating</dt>
					<dd>
						<h2>Cargloss Coating</h2>
						<p>
							<img src="img/our_painting.jpg" alt="Alt text to go here" />Coating
							is a layer that is applied to the surface of a vehicle surface,
							in many cases caotings are applied to improve surface properties
							of the material, such as appearance, adhesion, corrosion
							resistance, and scratch resistance. Painting and coating
							processes involve the application of a thin cover of functional
							substance to a surface,<br /> <a href="coating.html"
								class="more">Read more</a>
						</p>
					</dd>

					<dt>Injection</dt>
					<dd>
						<h2>Cargloss Injection</h2>
						<p>
							<img src="img/our_inject.jpg" alt="Alt text to go here" />PT.
							MEGA KARYA MANDIRI (MKM) Under its trade name Cargloss Coating
							previously in December 10th, 1989, it was a division of PT. MURNI
							CAHAYA PRATAMA. As the business growing, the division needs some
							fresh changes. In December 10th, 2004 it was established as an
							independent company.<br /> <a href="injection.html" class="more">Read
								more</a>
						</p>
					</dd>
					<dt>Engineering</dt>
					<dd>
						<h2>Cargloss Engineering</h2>
						<p>
							<img src="img/our_engine.jpg" alt="Alt text to go here" />Equipped
							with experience for over 25 years, Cargloss has become the expert
							ini determining certain requirement in painting process. To
							produce good results not only requiring a good basic knowledge
							about the paint itself, but should recognize the proper use of
							tools in making application for the use of painting can be more
							effective and perfect results can be achieved.<br /> <a
								href="engineering.html" class="more">Read more</a>
						</p>
					</dd>
					<dt>Helmet</dt>
					<dd>
						<h2>Cargloss Helmet</h2>
						<p>
							<img src="img/our_coating.jpg" alt="Alt text to go here" />Since
							the number of motorcycle owners in Indonesia is continue rapidly
							grown, the bikers behavior has changed. Helmet as a head
							protector is not longer for a protection function but already
							served as a fashion demands. This prospect has become a new
							opportunity for Cargloss to develop a motorcycle helmet line of
							product.<br /> <a href="helm.html" class="more">Read more</a>
						</p>
					</dd>
				</dl>
			</div>



			<!--
					
	        		<div class="one-third-thumbs clearfix" >
	        			<figure>
		        			<figcaption>
	        					<strong>Cargloss AHRS</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/featured-5.jpg" alt="Alt text" /></a>
		        		</figure>
		        		
		        		<figure>
		        			<figcaption>
	        					<strong>Aerox Aerosol</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/featured-2.jpg" alt="Alt text" /></a>
		        		</figure>
		        		
		        		<figure class="last">
		        			<figcaption>
	        					<strong>Cargloss AHRS</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/featured-3.jpg" alt="Alt text" /></a>
		        		</figure>
		        		
		        	
		        		
		        		
	        		</div>
					-->
		</div>
		<!-- ENDS home-block -->

		<!-- SLIDE CUSTOMER -->
		<div class="home-block">
			<h2 class="home-block-heading">
				<span><a href="">OUR CUSTOMER</a></span>
			</h2>
			<section class="partners">

				<div id="partners-slider">
					<div class="slider-holder2">
						<img src="img/customer/yamaha.png" width="172" height="52"
							title="Yamaha Motor" /> <img src="img/customer/kawasaki.png"
							width="172" height="52" title="Kawasaki Motor" /> <img
							src="img/customer/suzuki.png" width="172" height="52"
							title="Suzuki Motor" /> <img src="img/customer/daihatsu.png"
							width="172" height="52" title="Daihatsu Indomobil" /> <img
							src="img/customer/nissan.png" width="172" height="52"
							title="Nissan" />
					</div>
				</div>
				<div class="slider-arr">
					<a class="prev-arr arr-btn" href="#"></a> <a
						class="next-arr arr-btn" href="#"></a>
				</div>
			</section>
		</div>

		<!-- photo-block -->
		<!--
	        	<div class="home-block">
	        		<h2 class="home-block-heading"><span>PHOTO</span></h2>
	        		<div class="one-fourth-thumbs clearfix">
	        			
	        			
	        			<figure>
						
		        			<figcaption>
	        					<strong>Photo #1</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/featured-7.jpg" alt="Alt text" /></a>
		        		</figure>
		        		
		        		<figure>
		        			<figcaption>
							
	        					<strong>Photo #2</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/featured-8.jpg" alt="Alt text" /></a>
							
		        		</figure>
		        		
		        		<figure>
		        			<figcaption>
	        					<strong>Photo #3</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/featured-9.jpg" alt="Alt text" /></a>
		        		</figure>
		        		
		        		<figure class="last">
		        			<figcaption>
	        					<strong>Photo #4</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/featured-10.jpg" alt="Alt text" /></a>
		        		</figure>
		        		
		        		<a href="#" class="more-link right">More photo  &#8594;</a>
		        		
		        		
		        		
	        		</div>
	        		
	        		
	        	</div>
				-->
		<!-- ENDS photo-block -->

		<!-- video-block -->
		<!--
	        	<div class="home-block">
	        		<h2 class="home-block-heading"><span>VIDEO</span></h2>
	        		<div class="one-fourth-thumbs clearfix">
	        			
	        			
	        			<figure>
		        			<figcaption>
	        					<strong>Video #1</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/vid1.jpg" alt="Alt text" /></a>
		        		</figure>
		        		
		        		<figure>
		        			<figcaption>
	        					<strong>Video #2</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/vid1.jpg" alt="Alt text" /></a>
		        		</figure>
		        		
		        		<figure>
		        			<figcaption>
	        					<strong>Video #3</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/vid1.jpg" alt="Alt text" /></a>
		        		</figure>
		        		
		        		<figure class="last">
		        			<figcaption>
	        					<strong>Video #4</strong>
	        					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	        					<em>December 08, 2011</em>
	        					<a href="single.html" class="opener"></a>			        		</figcaption>
			        		
			        		<a href="single.html"  class="thumb"><img src="img/dummies/vid1.jpg" alt="Alt text" /></a>
		        		</figure>
		        		
		        		<a href="#" class="more-link right">More video  &#8594;</a>
		        		
		        		
		        		
	        		</div>
	        		
	        		
	        	</div>
				-->
		<!-- ENDS video-block -->


	</div>


</div>
<!-- ENDS MAIN -->